* {
font-family:arial;
font-size:16px;
color:#333;
}
body {
background:#f2f2f2;
margin:0;
padding:0;
}
hr {
border:none;
border-top:1px solid #ccc;
}

div.oh-body {
margin:0;
padding:20px;
}
  
h3 {
margin:0 0 4px 0;
padding:0 0 4px 0;
border-bottom:1px solid #ccc;
}

form {
padding:2px 2px 2px 16px;
border-left:4px solid #5E86C1;
line-height:28px;
}
label {
	display:inline-block;
	width:150px;
	text-align:right;
}
.clr {
	clear:both;
}
.oh-panel {
	margin-bottom:8px;
}
.oh-panel-center {
	width:400px;
	border:1px solid #ccc;
	padding:20px;
	text-align:left;
	margin:10px auto;
}
.oh-center {
	text-align:center;
}
.oh-toolbar {
	overflow:hidden;
	margin-bottom:4px;
}

.oh-toolbar .l {
	float:left;
	width:400px;	
}

.oh-toolbar .r {
	text-align:right;
	float:right;
	width:400px;	
}

.oh-list {
	width:100%;
	border:1px solid #ccc;
}
.oh-list-head {
	background:#FADFAD;
}
.oh-list th {
	padding:4px;
}
.oh-list td {
	padding:4px;
}
.oh-list-item:hover ,
.oh-list-item-odd:hover {
	background:#d5d5ff;
}
.oh-list-item-odd {
	background:#ffffff;
}